
import Base from "../base.js";
let str = `<header class="layui-header">
<h1>学生管理系统</h1>
<ul class="layui-nav daohang">
    <li class="layui-nav-item">
      <a href="">个人中心<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item">
      <a href="" id="user"><img src="" class="layui-nav-img" >请登录</a>
      <dl class="layui-nav-child">
        <dd><a href="javascript:;">修改信息</a></dd>
        <dd><a href="javascript:;">安全管理</a></dd>
        <dd><a href="" id="getout">退了</a></dd>
      </dl>
    </li>
    <li class="layui-nav-item"><a href="">退了</a></li>
  </ul>
</header>
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
  <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
  <ul class="layui-nav layui-nav-tree"  lay-filter="choice">
    <li class="layui-nav-item layui-nav-itemed">
      <a href="javascript:;">学生信息</a>
      <dl class="layui-nav-child liebiao">
        <dd><a class="" href="javascript:;">学生列表</a></dd>
        <dd><a href="javascript:;">添加学生</a></dd>
        <dd><a href="javascript:;">修改学生</a></dd>
        <dd><a href="javascript:;">查询学生</a></dd>
      </dl>
    </li>
  </ul>
</div>
</div>
<div class="layui-body">
<!-- 内容主体区域 -->
<div style="padding: 15px;">
    <div class="layui-tab" lay-filter="value" lay-allowClose="true">
        
        <ul class="layui-tab-title">
          <li class="layui-this">首页</li>
        </ul>
        <div class="layui-tab-content">
          
          <div class="layui-tab-item layui-show">欢迎来到学生管理系统！</div>
        </div>
      </div>
</div>
</div>`
export default class extends Base {
    render() {
        this.$el.html(`
        <div class="info layui-layout-body layui-layout-admin">
        <div class="layui-layout">
            <header class="layui-header">
                <div class="layui-logo">学生管理系统</div>
                <ul class="layui-nav daohang layui-layout-right"
                    <li class="layui-nav-item">
                    <a href="">个人中心<span class="layui-badge-dot"></span></a>
                    </li>
                    <li class="layui-nav-item">
                    <a href="" id="user"><img src="" class="layui-nav-img" >登录</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;">修改信息</a></dd>
                        <dd><a href="javascript:;">安全管理</a></dd>
                        <dd><a href="#/login" id="getout">退了</a></dd>
                    </dl>
                    </li>
                </ul>
            </header>
            <div class="layui-side layui-bg-black">
                <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree"  lay-filter="choice">
                    <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">学生信息</a>
                    <dl class="layui-nav-child liebiao">
                        <dd><a class="" href="#/info/student">学生列表</a></dd>
                        <dd><a href="#/info/add-student">添加学生</a></dd>
                        <dd><a href="javascript:;">修改学生</a></dd>
                        <dd><a href="javascript:;">查询学生</a></dd>
                    </dl>
                    </li>
                </ul>
                </div>
            </div>
            <div class="layui-body">
                <!-- 内容主体区域 -->
                <div style="padding: 15px;" class="info-content">
                    <div class="layui-tab" lay-filter="value" lay-allowClose="true">
                        
                       
                    </div>
                </div>
            </div>
        </div>
            
        </div>
        `);
        layui.element.render();
    }
    handle() {

    }
}